<!DOCTYPE html>
<html lang="en">
<!--
  常见的事件:
       1:点击事件:
          onclick:单击事件
          ondblclick:双击事件
       2:焦点事件:
          2.1:onblur:失去焦点 (一般用于表单验证)
          2.2:onfocus:元素获得焦点
       3:加载事件:
          *3.1:onload:一张页面或一幅图像完成加载 (加上这个方法后的步骤要最后执行)
       4:鼠标事件
          4.1:onmousedown:鼠标按钮被按下
               *定义该方法时,需要定义一个形参,来接收event对象(对象名随意)
               *event对象的button属性可以获取鼠标按钮键被点击了(点击鼠标左键返回0,滚轮返回1,右键返回2)
          4.2:onmouseup:鼠标按键被松开
          4.3:onmousemove:鼠标被移动
          4.4:onmouseover:鼠标移到某元素之上
          4.5:onmouseout:鼠标从某元素移开
       5:键盘事件:
          5.1: onkeydown:某个键盘按键被按下
          5.2: onkeyup: 某个键盘按键被松开
          5.3: onkeypress:某个键盘按键被按下并松开
       6:选择和改变:
          6.1: onchange:域的内容被改变
          6.2: onselect:文本被选中
       7:表单事件:
          *7.1:  onsubmit: 确认按钮被点击
             *可以阻止表单的提交
                *方法是返回false则表单被阻止提交

-->
<head>
    <meta charset="UTF-8">
    <title>常见事件</title>
    <script>

        //3.1加载完成事件
        window.onload=function () {
            /*//2.1失去焦点事件
            document.getElementById("aa").onblur=function () {
                alert("已经失去焦点...")
            }*/
            //4.1鼠标按钮事件
            /*document.getElementById("aa").onmousedown=function (mm) {
                alert(mm.button)
            }*/
            /*document.getElementById("aa").onkeydown = function (mm) {
               if(mm.keyCode==13){//(keyCode方法会将输入的字母翻译为对应的数字编码,但不区分大小写;因为回车键的编码为[13];通常利用这个来提交数据
                   alert("表单已经提交");
               }
            }*/
            //7.1: onsumit
            document.getElementById("fom").onsubmit=function () {
                //检验用户名格式是否正确
                var flag= false;
                return flag;
            }
        }



    </script>
</head>
<body>
<form action="#" id="fom">
<input id="aa">
    <input type="submit" value="提交">
</form>
</body>
</html>